.container {
  width: 100%;

  .contentStyle {
    width: calc(100% - 16px);
    height: calc(100vh - 76px);
    margin: 8px 8px;
    padding-top: 1px;
    background-color: #f7f7f7;

    .content {
      position: relative;
      top: 32px;
      display: flex;
      flex-wrap: wrap;
      width: 1700px;
      margin: 0 auto;
      margin-top: 20px;
      background: #fff;
      border-radius: 18px 18px 0 0;

      .tableCar {
        margin: 0 auto;
      }

      .contentTable {
        width: 100%;
        margin: 0 auto;
        padding: 44px 50px;
        border-radius: 18px 18px 0 0;
      }

      .calcDiv {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;

        .calculation {
          width: 100px;
          margin: 20px 95px 0 0;
          color: #fff;
          border: none;
        }

        :global {
          .ant-btn:hover,
          .ant-btn:focus,
          .ant-btn[disabled] {
            border: none;
          }
        }
      }
    }

    .emptyDiv {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1700px;
      height: 300px;
      margin: 0 auto;
      margin-top: 20px;
      background: #fff;
      border-radius: 18px;

      :global {
        .ant-btn,
        .ant-btn:hover,
        .ant-btn:focus,
        .ant-btn-focused {
          background-color: #f0f2f5;
          border: 0;
        }
      }
    }

    .calcDiv {
      display: flex;
      height: 80px;
      opacity: 0.9;

      .count {
        padding: 24px 50px;
        font-size: 18px;
      }
    }
  }
}

.action {
  text-align: center;

  :global {
    .ant-btn,
    .ant-btn-default {
      color: #333;
    }
  }
}

.manageAddress {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 13px;
}

.addressContainer {
  .saleCount {
    font-size: 16px;
  }

  .goodsCount {
    margin: 20px 0;
    font-size: 15px;
  }

  .selfmoney {
    width: 100%;
    font-size: 16px;
    text-align: right;
  }

  .footBtns {
    height: 30px;

    .btnBuy {
      position: relative;
      overflow: hidden;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      // -webkit-box-reflect: below 1px linear-gradient(transparent, rgba(6, 133, 133, 0.3)); //倒影
    }

    .btnBuy:hover {
      color: white;

      span:nth-of-type(1) {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 2px;
        animation: shang 1s linear infinite;
      }

      @keyframes shang {
        0% {
          left: -100%;
        }

        50%,
        100% {
          left: 100%;
        }
      }

      span:nth-of-type(2) {
        position: absolute;
        top: -100%;
        right: 0;
        width: 2px;
        height: 100%;
        animation: you 1s linear infinite;
        animation-delay: 0.25s;
      }

      @keyframes you {
        0% {
          top: -100%;
        }

        50%,
        100% {
          top: 100%;
        }
      }

      span:nth-of-type(3) {
        position: absolute;
        right: -100%;
        bottom: 0;
        width: 100%;
        height: 2px;
        animation: xia 1s linear infinite;
        animation-delay: 0.5s;
      }

      @keyframes xia {
        0% {
          right: -100%;
        }

        50%,
        100% {
          right: 100%;
        }
      }

      span:nth-of-type(4) {
        position: absolute;
        bottom: -100%;
        left: 0;
        width: 2px;
        height: 100%;
        animation: zuo 1s linear infinite;
        animation-delay: 0.75s;
      }

      @keyframes zuo {
        0% {
          bottom: -100%;
        }

        50%,
        100% {
          bottom: 100%;
        }
      }
    }

    .btnBuy::after {
      width: 90px;
      background-color: #fff;
    }
  }

  :global {
    .ant-btn,
    .ant-btn-default {
      color: #333;
      border: none;
    }
  }
}

.goodsmessage {
  width: 100%;
  overflow: hidden;
  color: black;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  cursor: pointer;
}

.goodsmessage:hover {
  border-bottom: 1px solid white;
}

.manegeModal {
  .addressdiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;

    .btns {
      display: flex;

      .deletebtn,
      .isdefault {
        padding: 3px 10px;
        border-radius: 7px;
        cursor: pointer;
      }

      .isdefault {
        margin-right: 8px;
      }
    }
  }

  :global {
    .ant-btn,
    .ant-btn-default {
      color: #333;
      border: none;
    }

    .ant-modal-body {
      padding: 10px 25px;
    }
  }
}

.newbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
